@keyframes roY {
    0%{
        transform: rotateY(180deg);
    }
    100%{
        transform: rotateY(0deg);
    }
} 

.base-info-wrap{
    margin: 20px auto;
    height: 400px;
    position: relative;
} 

.base-info{
    position: absolute; 
    top: 0; 
    bottom: 0;
    width: 44%;
    padding: 30px 20px;
    border-radius: 10px; 
    border: 1px solid;
    animation: roY 5.4s ease-in-out forwards;
}

.base-info:first-child{
    left: 2%;
} 

.base-info:last-child{
    right: 2%;
}

.base-info p{
    font-size: 24px;
    margin: 20px 0;
}